<!DOCTYPE html>
<html lang="cn">
<head>
<title>微前端demo</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="full-screen" content="yes" />
<meta name="browsermode" content="application" />
<meta name="x5-orientation" content="portrait" />
<meta name="x5-fullscreen" content="true" />
<meta name="x5-page-mode" content="app" />
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
<link rel="stylesheet" href="http://localhost:10001/resources/css/bootstrap.min.css" />
</head>
<body>
	<div id="app" class="container-fluid">

		<comp3-title :title="title">
		   代码地址 https://gitee.com/xuejianxinokok/vue3-micro-frontends
		</comp3-title>

		<div class="row mb-2">
			<div class="col-md-12">
				<ul class="nav nav-tabs">
					<li class="nav-item">
					  <a class="nav-link active" @click="changeTab('/'    ,$event.target)" style="cursor: pointer;">首页</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link"  style="cursor: pointer;" @click="changeTab('/chat'    ,$event.target)">聊天室</a>
					</li>
					<li class="nav-item">
					  <a class="nav-link"  style="cursor: pointer;" @click="changeTab('/card'    ,$event.target)">卡片</a>
					</li>
				</ul>
			</div>
		</div>
		<router-view></router-view>
		<br />
		<my-footer></my-footer>
	</div>
	
	<!-- 引入js -->
	<script type="text/javascript" src="http://localhost:10001/resources/js/vue.global.prod.js"></script>
	<script type="text/javascript" src="http://localhost:10001/resources/js/vue-router.global.prod.js"></script>
	<script type="text/javascript" src="http://localhost:10001/resources/js/lib/xue3.js"></script>
	
	<script type="module">
     import application from './index.js'
     application.init();
    </script>
	
</body>
</html>
